<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ice="http://www.icesoft.com/icefaces/component">
<head>
<link rel="stylesheet" type="text/css" href="../woodstock/woodstock.css" />
</head>
<body>
<f:view>
	<ice:form>
		<ice:panelPopup modal="true" visible="#{configMBean.windowVisible}"
			autoCentre="true">
			<f:facet name="header">
				<ice:panelGrid columns="2" width="100%"
					columnClasses="floatLeft,floatRight"
					styleClass="#{configMBean.style}">
					<ice:outputText value="#{configMBean.titulo}" />
					<ice:commandButton value="x"
						actionListener="#{configMBean.fecharWindow}" />
				</ice:panelGrid>
			</f:facet>
			<f:facet name="body">
				<ice:panelGrid>
					<ice:panelGrid columns="2" columnClasses="floatRight,floatLeft">
						<ice:outputLabel value="Autor:" />
						<ice:inputText value="#{configMBean.autorBlog}" />

						<ice:outputLabel value="Tema:" />
						<ice:inputText value="#{configMBean.tema}" />

						<ice:outputLabel value="Titulo do blog:" />
						<ice:inputText value="#{configMBean.tituloBlog}" />

						<ice:outputLabel value="Frase / Palavras-chave:" />
						<ice:inputText value="#{configMBean.frase}" />

						<ice:outputLabel value="Cor:" />
						<ice:panelGrid border="1" columns="4">
							<ice:commandButton value=" " styleClass="3"
								style="background-color: #ff6347 color:#ff6347  width: 20px; height: 20px;"
								actionListener="#{configMBean.changeStyleToC3}">
								<f:attribute value="3" name="c3" />
							</ice:commandButton>
							<ice:commandButton value=" " styleClass="2"
								style="background-color: #3cb371; color:#3cb371; width: 20px; height: 20px;"
								actionListener="#{configMBean.changeStyleToC2}">
								<f:attribute value="2" name="c2" />
							</ice:commandButton>
							<ice:commandButton value=" " styleClass="5"
								style="background-color: #9400d3; color: #9400d3 width: 20px; height: 20px;"
								actionListener="#{configMBean.changeStyleToC5}">
								<f:attribute value="5" name="c5" />
							</ice:commandButton>
							<ice:commandButton value=" " styleClass="6"
								style="background-color: #ff7f50; color:#ff7f50 width: 20px; height: 20px;"
								actionListener="#{configMBean.changeStyleToC6}">
								<f:attribute value="6" name="c6" />
							</ice:commandButton>
							<ice:commandButton value=" " styleClass="1"
								style="background-color: #87ceeb; color:#87ceeb; width: 20px; height: 20px; "
								actionListener="#{configMBean.changeStyleToC1}">
								<f:attribute value="1" name="c1" />
							</ice:commandButton>
							<ice:commandButton value=" " styleClass="8"
								style="background-color: #c0c0c0; color:#c0c0c0 width: 20px; height: 20px;"
								actionListener="#{configMBean.changeStyleToC8}">
								<f:attribute value="8" name="c8" />
							</ice:commandButton>
							<ice:commandButton value=" " styleClass="4"
								style="background-color: #ff00ff; color:#ff00ff width: 20px; height: 20px;"
								actionListener="#{configMBean.changeStyleToC4}">
								<f:attribute value="4" name="c4" />
							</ice:commandButton>
							<ice:commandButton value=" " styleClass="7"
								style="background-color: #ffd700; color:#ffd700 width: 20px; height: 20px;"
								actionListener="#{configMBean.changeStyleToC7}">
								<f:attribute value="7" name="c7" />
							</ice:commandButton>
						</ice:panelGrid>
					</ice:panelGrid>
					<ice:panelGroup style="text-align:right;">
						<ice:commandButton value="Salvar"
							actionListener="#{configMBean.submeter}" />
						<ice:commandButton value="Cancelar"
							actionListener="#{configMBean.fecharWindow}" />
					</ice:panelGroup>
				</ice:panelGrid>
			</f:facet>
		</ice:panelPopup>
	</ice:form>
</f:view>
</body>
</html>